// $(document).ready(function () {
    (function (w, d, $) {
        //加载完去掉
        // $("body").ajaxStop(function () {
                 var loading_model = d.querySelector('.loading_model');
                //  d.onreadystatechange = function () {
                //      if (d.readyState == 'complete') {
                //          $(loading_model).fadeOut();
                //      }
                //  }

        // });
                 
                //获取排名接口
                $.ajax({
                    type: "GET",
                    url: "http://wx.fuxiyi.com/fuwuhao/index.php/Home/Activity/public_infoAll",
                    dataType: "json",
                    success: function (res) {
                        console.log(res)
                        if (res.code == 0) {
                             $(loading_model).fadeOut();
                
                            var arr = res.data;
                            drawList(arr, false);
                            //更多排名
                            $('.show-list').click(function () {
                                drawList(arr, true);
                            })
                        }
                    }
                    // document
                })
        //福字区域
        var fu = [
            {
                "img": "image/F1.png"
            }, {
                "img": "image/F2.png"
            }, {
                "img": "image/F3.png"
            }, {
                "img": "image/F4.png"
            }, {
                "img": "image/F5.png"
            }, {
                "img": "image/F6.png"
            }, {
                "img": "image/F7.png"
            }, {
                "img": "image/F8.png"
            }, {
                "img": "image/F9.png"
            }, {
                "img": "image/F10.png"
            }, {
                "img": "image/F11.png"
            }, {
                "img": "image/F12.png"
            }, {
                "img": "image/F13.png"
            }, {
                "img": "image/F14.png"
            }, {
                "img": "image/F15.png"
            }, {
                "img": "image/F16.png"
            },
              {
                  "img": "image/F1.png"
              }, {
                  "img": "image/F2.png"
              }, {
                  "img": "image/F3.png"
              }, {
                  "img": "image/F4.png"
              }, {
                  "img": "image/F5.png"
              }, {
                  "img": "image/F6.png"
              }, {
                  "img": "image/F7.png"
              }, {
                  "img": "image/F8.png"
              }, {
                  "img": "image/F9.png"
              }, {
                  "img": "image/F10.png"
              }, {
                  "img": "image/F11.png"
              }, {
                  "img": "image/F12.png"
              }, {
                  "img": "image/F13.png"
              }, {
                  "img": "image/F14.png"
              }, {
                  "img": "image/F15.png"
              }, {
                  "img": "image/F16.png"
              },
                {
                    "img": "image/F1.png"
                }, {
                    "img": "image/F2.png"
                }, {
                    "img": "image/F3.png"
                }, {
                    "img": "image/F4.png"
                }, {
                    "img": "image/F5.png"
                }, {
                    "img": "image/F6.png"
                }, {
                    "img": "image/F7.png"
                }, {
                    "img": "image/F8.png"
                }, {
                    "img": "image/F9.png"
                }, {
                    "img": "image/F10.png"
                }, {
                    "img": "image/F11.png"
                }, {
                    "img": "image/F12.png"
                }, {
                    "img": "image/F13.png"
                }, {
                    "img": "image/F14.png"
                }, {
                    "img": "image/F15.png"
                }, {
                    "img": "image/F16.png"
                },
                  {
                      "img": "image/F1.png"
                  }, {
                      "img": "image/F2.png"
                  }, {
                      "img": "image/F3.png"
                  }, {
                      "img": "image/F4.png"
                  }, {
                      "img": "image/F5.png"
                  }, {
                      "img": "image/F6.png"
                  }, {
                      "img": "image/F7.png"
                  }, {
                      "img": "image/F8.png"
                  }, {
                      "img": "image/F9.png"
                  }, {
                      "img": "image/F10.png"
                  }, {
                      "img": "image/F11.png"
                  }, {
                      "img": "image/F12.png"
                  }, {
                      "img": "image/F13.png"
                  }, {
                      "img": "image/F14.png"
                  }, {
                      "img": "image/F15.png"
                  }, {
                      "img": "image/F16.png"
                  },
                    {
                        "img": "image/F1.png"
                    }, {
                        "img": "image/F2.png"
                    }, {
                        "img": "image/F3.png"
                    }, {
                        "img": "image/F4.png"
                    }, {
                        "img": "image/F5.png"
                    }, {
                        "img": "image/F6.png"
                    }, {
                        "img": "image/F7.png"
                    }, {
                        "img": "image/F8.png"
                    }, {
                        "img": "image/F9.png"
                    }, {
                        "img": "image/F10.png"
                    }, {
                        "img": "image/F11.png"
                    }, {
                        "img": "image/F12.png"
                    }, {
                        "img": "image/F13.png"
                    }, {
                        "img": "image/F14.png"
                    }, {
                        "img": "image/F15.png"
                    }, {
                        "img": "image/F16.png"
                    },
                      {
                          "img": "image/F1.png"
                      }, {
                          "img": "image/F2.png"
                      }, {
                          "img": "image/F3.png"
                      }, {
                          "img": "image/F4.png"
                      }, {
                          "img": "image/F5.png"
                      }, {
                          "img": "image/F6.png"
                      }, {
                          "img": "image/F7.png"
                      }, {
                          "img": "image/F8.png"
                      }, {
                          "img": "image/F9.png"
                      }, {
                          "img": "image/F10.png"
                      }, {
                          "img": "image/F11.png"
                      }, {
                          "img": "image/F12.png"
                      }, {
                          "img": "image/F13.png"
                      }, {
                          "img": "image/F14.png"
                      }, {
                          "img": "image/F15.png"
                      }, {
                          "img": "image/F16.png"
                      },
                        {
                            "img": "image/F1.png"
                        }, {
                            "img": "image/F2.png"
                        }, {
                            "img": "image/F3.png"
                        }, {
                            "img": "image/F4.png"
                        }, {
                            "img": "image/F5.png"
                        }, {
                            "img": "image/F6.png"
                        }, {
                            "img": "image/F7.png"
                        }, {
                            "img": "image/F8.png"
                        }, {
                            "img": "image/F9.png"
                        }, {
                            "img": "image/F10.png"
                        }, {
                            "img": "image/F11.png"
                        }, {
                            "img": "image/F12.png"
                        }, {
                            "img": "image/F13.png"
                        }, {
                            "img": "image/F14.png"
                        }, {
                            "img": "image/F15.png"
                        }, {
                            "img": "image/F16.png"
                        },
                          {
                              "img": "image/F1.png"
                          }, {
                              "img": "image/F2.png"
                          }, {
                              "img": "image/F3.png"
                          }, {
                              "img": "image/F4.png"
                          }, {
                              "img": "image/F5.png"
                          }, {
                              "img": "image/F6.png"
                          }, {
                              "img": "image/F7.png"
                          }, {
                              "img": "image/F8.png"
                          }, {
                              "img": "image/F9.png"
                          }, {
                              "img": "image/F10.png"
                          }, {
                              "img": "image/F11.png"
                          }, {
                              "img": "image/F12.png"
                          }, {
                              "img": "image/F13.png"
                          }, {
                              "img": "image/F14.png"
                          }, {
                              "img": "image/F15.png"
                          }, {
                              "img": "image/F16.png"
                          },
                            {
                                "img": "image/F1.png"
                            }, {
                                "img": "image/F2.png"
                            }, {
                                "img": "image/F3.png"
                            }, {
                                "img": "image/F4.png"
                            }, {
                                "img": "image/F5.png"
                            }, {
                                "img": "image/F6.png"
                            }, {
                                "img": "image/F7.png"
                            }, {
                                "img": "image/F8.png"
                            }, {
                                "img": "image/F9.png"
                            }, {
                                "img": "image/F10.png"
                            }, {
                                "img": "image/F11.png"
                            }, {
                                "img": "image/F12.png"
                            }, {
                                "img": "image/F13.png"
                            }, {
                                "img": "image/F14.png"
                            }, {
                                "img": "image/F15.png"
                            }, {
                                "img": "image/F16.png"
                            },
                              {
                                  "img": "image/F1.png"
                              }, {
                                  "img": "image/F2.png"
                              }, {
                                  "img": "image/F3.png"
                              }, {
                                  "img": "image/F4.png"
                              }, {
                                  "img": "image/F5.png"
                              }, {
                                  "img": "image/F6.png"
                              }, {
                                  "img": "image/F7.png"
                              }, {
                                  "img": "image/F8.png"
                              }, {
                                  "img": "image/F9.png"
                              }, {
                                  "img": "image/F10.png"
                              }, {
                                  "img": "image/F11.png"
                              }, {
                                  "img": "image/F12.png"
                              }, {
                                  "img": "image/F13.png"
                              }, {
                                  "img": "image/F14.png"
                              }, {
                                  "img": "image/F15.png"
                              }, {
                                  "img": "image/F16.png"
                              },
                                {
                                    "img": "image/F1.png"
                                }, {
                                    "img": "image/F2.png"
                                }, {
                                    "img": "image/F3.png"
                                }, {
                                    "img": "image/F4.png"
                                }, {
                                    "img": "image/F5.png"
                                }, {
                                    "img": "image/F6.png"
                                }, {
                                    "img": "image/F7.png"
                                }, {
                                    "img": "image/F8.png"
                                }, {
                                    "img": "image/F9.png"
                                }, {
                                    "img": "image/F10.png"
                                }, {
                                    "img": "image/F11.png"
                                }, {
                                    "img": "image/F12.png"
                                }, {
                                    "img": "image/F13.png"
                                }, {
                                    "img": "image/F14.png"
                                }, {
                                    "img": "image/F15.png"
                                }, {
                                    "img": "image/F16.png"
                                },
                                  {
                                      "img": "image/F1.png"
                                  }, {
                                      "img": "image/F2.png"
                                  }, {
                                      "img": "image/F3.png"
                                  }, {
                                      "img": "image/F4.png"
                                  }, {
                                      "img": "image/F5.png"
                                  }, {
                                      "img": "image/F6.png"
                                  }, {
                                      "img": "image/F7.png"
                                  }, {
                                      "img": "image/F8.png"
                                  }, {
                                      "img": "image/F9.png"
                                  }, {
                                      "img": "image/F10.png"
                                  }, {
                                      "img": "image/F11.png"
                                  }, {
                                      "img": "image/F12.png"
                                  }, {
                                      "img": "image/F13.png"
                                  }, {
                                      "img": "image/F14.png"
                                  }, {
                                      "img": "image/F15.png"
                                  }, {
                                      "img": "image/F16.png"
                                  },
                                    {
                                        "img": "image/F1.png"
                                    }, {
                                        "img": "image/F2.png"
                                    }, {
                                        "img": "image/F3.png"
                                    }, {
                                        "img": "image/F4.png"
                                    }, {
                                        "img": "image/F5.png"
                                    }, {
                                        "img": "image/F6.png"
                                    }, {
                                        "img": "image/F7.png"
                                    }, {
                                        "img": "image/F8.png"
                                    }, {
                                        "img": "image/F9.png"
                                    }, {
                                        "img": "image/F10.png"
                                    }, {
                                        "img": "image/F11.png"
                                    }, {
                                        "img": "image/F12.png"
                                    }, {
                                        "img": "image/F13.png"
                                    }, {
                                        "img": "image/F14.png"
                                    }, {
                                        "img": "image/F15.png"
                                    }, {
                                        "img": "image/F16.png"
                                    },
                                      {
                                          "img": "image/F1.png"
                                      }, {
                                          "img": "image/F2.png"
                                      }, {
                                          "img": "image/F3.png"
                                      }, {
                                          "img": "image/F4.png"
                                      }, {
                                          "img": "image/F5.png"
                                      }, {
                                          "img": "image/F6.png"
                                      }, {
                                          "img": "image/F7.png"
                                      }, {
                                          "img": "image/F8.png"
                                      }, {
                                          "img": "image/F9.png"
                                      }, {
                                          "img": "image/F10.png"
                                      }, {
                                          "img": "image/F11.png"
                                      }, {
                                          "img": "image/F12.png"
                                      }, {
                                          "img": "image/F13.png"
                                      }, {
                                          "img": "image/F14.png"
                                      }, {
                                          "img": "image/F15.png"
                                      }, {
                                          "img": "image/F16.png"
                                      },
                                        {
                                            "img": "image/F1.png"
                                        }, {
                                            "img": "image/F2.png"
                                        }, {
                                            "img": "image/F3.png"
                                        }, {
                                            "img": "image/F4.png"
                                        }, {
                                            "img": "image/F5.png"
                                        }, {
                                            "img": "image/F6.png"
                                        }, {
                                            "img": "image/F7.png"
                                        }, {
                                            "img": "image/F8.png"
                                        }, {
                                            "img": "image/F9.png"
                                        }, {
                                            "img": "image/F10.png"
                                        }, {
                                            "img": "image/F11.png"
                                        }, {
                                            "img": "image/F12.png"
                                        }, {
                                            "img": "image/F13.png"
                                        }, {
                                            "img": "image/F14.png"
                                        }, {
                                            "img": "image/F15.png"
                                        }, {
                                            "img": "image/F16.png"
                                        },
                                          {
                                              "img": "image/F1.png"
                                          }, {
                                              "img": "image/F2.png"
                                          }, {
                                              "img": "image/F3.png"
                                          }, {
                                              "img": "image/F4.png"
                                          }, {
                                              "img": "image/F5.png"
                                          }, {
                                              "img": "image/F6.png"
                                          }, {
                                              "img": "image/F7.png"
                                          }, {
                                              "img": "image/F8.png"
                                          }, {
                                              "img": "image/F9.png"
                                          }, {
                                              "img": "image/F10.png"
                                          }, {
                                              "img": "image/F11.png"
                                          }, {
                                              "img": "image/F12.png"
                                          }, {
                                              "img": "image/F13.png"
                                          }, {
                                              "img": "image/F14.png"
                                          }, {
                                              "img": "image/F15.png"
                                          }, {
                                              "img": "image/F16.png"
                                          },
                                            {
                "img": "image/F1.png"
            }, {
                "img": "image/F2.png"
            }, {
                "img": "image/F3.png"
            }, {
                "img": "image/F4.png"
            }, {
                "img": "image/F5.png"
            }, {
                "img": "image/F6.png"
            }, {
                "img": "image/F7.png"
            }, {
                "img": "image/F8.png"
            }, {
                "img": "image/F9.png"
            }, {
                "img": "image/F10.png"
            }, {
                "img": "image/F11.png"
            }, {
                "img": "image/F12.png"
            }, {
                "img": "image/F13.png"
            }, {
                "img": "image/F14.png"
            }, {
                "img": "image/F15.png"
            }, {
                "img": "image/F16.png"
            },
              {
                "img": "image/F1.png"
            }, {
                "img": "image/F2.png"
            }, {
                "img": "image/F3.png"
            }, {
                "img": "image/F4.png"
            }, {
                "img": "image/F5.png"
            }, {
                "img": "image/F6.png"
            }, {
                "img": "image/F7.png"
            }, {
                "img": "image/F8.png"
            }, {
                "img": "image/F9.png"
            }, {
                "img": "image/F10.png"
            }, {
                "img": "image/F11.png"
            }, {
                "img": "image/F12.png"
            }, {
                "img": "image/F13.png"
            }, {
                "img": "image/F14.png"
            }, {
                "img": "image/F15.png"
            }, {
                "img": "image/F16.png"
            }
        ]
        // 判断用户是否关注  if ($follow_data['subscribe']=== 0) {      $('.gzh-qr').show();  }
        // drawPic();
        var cardPiced = false;
        //规则弹框
        $('.git-rule').click(function () {
            $('.rule-box').show()
        })
        $('.rule-box').click(function () {
            $(this).hide();
        })
        // 背景音乐     $("#audio_btn").click(function () {         var music =
        // document.getElementById("music");         if (music.paused) {
        // music.play();             $("#music_btn").attr("src", "image/laba-one.png");
        //        } else {             music.pause();
        // $("#music_btn").attr("src", "image/laba-two.png");         }     });
        // function audioAutoPlay(id){     var audio = document.getElementById(id);
        // audio.play();     document.addEventListener("WeixinJSBridgeReady", function
        // () {             audio.play();     }, false); } audioAutoPlay('music');
        // 点击分享专属海报 $(".get-card-btn left").click(function () {
        // $(".share-card-m").css("display", "block")     //组织默认事件防止弹出现以后背景还能滚动
        // document.body.style.overflow = 'hidden'; }) $(".share-card-m").click(function
        // () {     $(".share-card-m").css("display", "none")
        // document.body.style.overflow = 'auto'; }) $(".share-card-b").click(function
        // (e) {     event.stopPropagation(); }) 获取二维码等相关信息
        var openid = "o0K0ct6wV6X2vJv-VCc32aJedxSs"
        $.ajax({
            type: "GET",
            url: "http://wx.fuxiyi.com/fuwuhao/index.php/Home/Activity/public_cny_getcode?openid=" + openid,
            dataType: "json",
            success: function (res) {
                console.log(res)
                // var nickname = res.data.nickname; var qrUrl = '/fuwuhao/Public/Uploads/PA/' +
                // res.data; console.log(nickname) drawPic(qrUrl,nickname)
            }
        })
        // 海报显隐
        $('.get-card-btn').click(function () {

            $('.card-m').show();
        })
        $('.card-m').click(function () {
            $(this).hide();
        })
        $('.card-m').on('touchmove', function (e) {
            e.preventDefault();
        })
        $('.card-b').click(function (e) {
            e.stopPropagation();
        })
        //点击获取图像二维码
        $('.get-card-btn').click(function () {
            // var loading_model2 = document.querySelector('.loading_model2');
            // document.onreadystatechange = function () {     if (document.readyState ==
            // 'complete') {         $(loading_model2).fadeOut();     } }
            if (!cardPiced) {
                // 获取专属二维码
                $.get('http://wx.fuxiyi.com/fuwuhao/index.php/Home/Activity/public_cny_getcode?openid=' + openid, function (res) {
                        if (res.code == 0) {
                            // var qrUrl = '/fuwuhao/Public/Uploads/PA/' + res.data.qrimg;
                            var qrUrl = res.data.qrimg;
                            var qrUrl2 = "http://thirdwx.qlogo.cn/mmopen/Cic4GFNZLlxpsOofjQsB8Dx253HWuiaib6PJp0kE71v7PPkeq" +
                                    "S5BRn9JeDDXZEFhKobMcwMP5zTu3Tk5lrrx9pAresYJveaicH95/132";
                            console.log(res)
                            var nickname = res.data.nickname;
                            drawPic(qrUrl, nickname, qrUrl2)
                        }
                    })
            }
            $('.card-tip').show();
        })
        // 画海报
        function drawPic(url, nickname) {
            if (cardPiced) {
                return false;
            }
            var canvas = d.getElementById('canvas');
            var ctx = canvas.getContext('2d');
            canvas.width = 600;
            canvas.height = 900;
            var img = new Image();
            img.src = 'image/yaoqing_03.png';
            img.onload = function () {
                ctx.drawImage(img, 0, 0, 600, 900);
                var imgqr = new Image();
                var imgqr2 = new Image();
                imgqr.src = 'image/gongzhonghaoQR.png';
                // imgqr.src
                // ='http://thirdwx.qlogo.cn/mmopen/Cic4GFNZLlxpsOofjQsB8Dx253HWuiaib6PJp0kE71v7P
                // PkeqS5BRn9JeDDXZEFhKobMcwMP5zTu3Tk5lrrx9pAresYJveaicH95/132';
                drawText(ctx, '20', '#df001f', nickname, 100, 30, 'left')
                imgqr.onload = function () {
                    ctx.drawImage(imgqr, 30, 20, 50, 50);
                    var imgicon = new Image();
                    imgicon.src = 'http://thirdwx.qlogo.cn/mmopen/Cic4GFNZLlxpsOofjQsB8Dx253HWuiaib6PJp0kE71v7PPkeq' +
                             'S5BRn9JeDDXZEFhKobMcwMP5zTu3Tk5lrrx9pAresYJveaicH95/132';
                    imgicon.onload = function () {
                        ctx.drawImage(imgqr, 450, 760, 122, 122);
                        var imgSrc = canvas.toDataURL('img/jpg');
                        var newImg = new Image();
                        newImg.src = imgSrc;
                        $('.card-b').prepend(newImg);
                        cardPiced = true;
                        $('.card-tips').hide();
                        $('#canvas').hide();
                        $('.card-tip').show();
                    }

                }
            }

        }
        function drawText(c, fontsize, color, info, x, y, align, ff) {
            var ff = ff || '微软雅黑';
            c.beginPath();
            c.font = fontsize + 'px ' + ff;
            c.textBaseline = 'middle';
            c.textAlign = align;
            c.fillStyle = color;
            c.fillText(info, x, y);
            c.restore();
        }
                var fff = [{
                        "nickname": "尼玛",
                        "headimgurl": "http://thirdwx.qlogo.cn/mmopen/ajNVdqHZLLAYcr5sWOOFRx1YLH0txjxhUaofRPUSiakeUSkmvMbzUKDTggF9OTibvmG4ekn00eCsoEIAc8FqxN4Q/132",
                        "num": "42"
                    }

                ]
                //更多排名
                function drawList(arr, more) {
                    $('.luck-boy-b').html('')
                    arr.push(fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, fff, )
                    if (more || arr.length <= 10) {
                        if (arr.length > 30) {
                            var forData = arr.slice(0, 30);
                        } else {
                            var forData = arr;
                        }
                    } else {
                        var forData = arr.slice(0, 10);
                    }
                    for (var i = 0; i < forData.length; i++) {
                        var el = arr[i];
                        var rankListEach = d.createElement('div');
                        $(rankListEach).addClass('luck-each');
                        if (i < 3) {
                            var html = '<span class="luck-rank"><img src="image/rank' + (i - 0 + 1) + '.png" alt=""></span><img src ="' + el.headimgurl + '" alt="" class="touxiang"><span class="luck-name luck-rank2">' + el.nickname + '</span></span><span class="font-c luck-rank2">获得了<span>' + el.num + '</span>张福</span>'
                        } else {
                            var html = '<span class="luck-rank">' + (i - 0 + 1) + '</span><img src ="' + el.headimgurl + '" alt="" class="touxiang"><span class="luck-name">' + el.nickname + '</span><span class="font-c">获得了<span>' + el.num + '</span>张福</span>'
                        }
                        $(rankListEach).html(html);
                        $(".luck-boy-b").append(rankListEach);
                    }
                }
        //个人信息状况
        var openid = "o0K0ct6wV6X2vJv-VCc32aJedxSs"
        $.ajax({
            type: "GET",
            url: "http://wx.fuxiyi.com/fuwuhao/index.php/Home/Activity/public_rankSelf?openid=" + openid,
            dataType: "json",
            success: function (res) {
                 console.log(parseInt(res.data.allNum))
                 var yonghufu = parseInt(res.data.allNum)
                if (res.code == 0) {
                    var item = [];
                    item.push(res.data);
                    var str = "";
                    for (var i = 0; i < item.length; i++) {
                        str += `<div class="share-three">
                        已获<span>${item[i].allNum}</span>张 
                    </div> 
                    <p class="share-four">排名第<span>${item[i].rank}</span>名,距第<span>${item[i].upNum}</span>名差<span>${item[i].num}</span>张福</p>`
                        // console.log(str)
                    }
                    $(".share-father").append(str);
                }
                fufu(yonghufu)
            }
        })
        var arr2 = [
            {"img":" "},
            {"img":" "},
            {"img":" "},
            {"img":" "},
            {"img":" "}
        ]
        //福子渲染
        function fufu(yonghufu){
               var fugui='';
                //  var yonghufu = yonghufu;
                if(yonghufu<= 16){
                    var fu2 = fu.slice(0,yonghufu)
                    for (var i = 0; i < fu2.length; i++) {
                        fugui += `<div class="swiper-slide">
                                    <img src="${fu2[i].img}" alt="">
                                </div>`
                        }
                    $(".swiper-wrapper").append(fugui)
                    if(yonghufu<=5){
                        var fu3 = 5 -yonghufu;
                        var fu4 = arr2.slice(0,fu3);
                        var fugui2='';
                        for(var j= 0 ;j<fu4.length;j++){
                            fugui2+=`<div class="swiper-slide">
                                    <p>${fu4[j].img}</p>
                                </div>`
                        }
                        // var swiperslide = document.createElement('div')
                        // $(swiperslide).addClass('swiper-slide')
                        $('.swiper-wrapper').append(fugui2)
                    }
                }else if(yonghufu>16){
                    var fu5 = fu.slice(0,yonghufu)
                    for (var i = 0; i < fu5.length; i++) {
                        fugui += `<div class="swiper-slide">
                                    <img src="${fu5[i].img}" alt="">
                                </div>`
                    }
                    $(".swiper-wrapper").append(fugui)
                }
            //福子滑块
            var mySwiper = new Swiper('.swiper-container', {
                slidesPerView: 5,
                leftedSlides: true,
                slideToClickedSlide: true,
                spaceBetween: 5,
                autoplay: {
                    delay: 3000,
                    disableOnInteraction: false //滑动后重启自动滑动
                },
                // freeMode: true,
            })
        } 
    })(window,document,$);